<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html class="no-js" lang="ZXX">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>Vistar - Clean, Minimal eCommerce HTML5 Template </title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="manifest" href="site.webmanifest">
		<link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.ico">
        <!-- Place favicon.ico in the root directory -->

		<!-- CSS here -->
        <link rel="stylesheet" href="assets/css/bootstrap.min.css">
        <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
        <link rel="stylesheet" href="assets/css/animate.min.css">
        <link rel="stylesheet" href="assets/css/magnific-popup.css">
        <link rel="stylesheet" href="assets/css/fontawesome-all.min.css">
        <link rel="stylesheet" href="assets/css/themify-icons.css">
        <link rel="stylesheet" href="assets/css/dripicons.css">
        <link rel="stylesheet" href="assets/css/meanmenu.css">
        <link rel="stylesheet" href="assets/css/slick.css">
        <link rel="stylesheet" href="assets/css/main.css">
        <link rel="stylesheet" href="assets/css/responsive.css">
    </head>
    <body>


       <!-- header-start -->
	<header>

		<div id="sticky-header" class="main-menu-area pl-55 pr-55">
			<div class="container-fluid">
				<div class="row">
					<div class="col-xl-3 col-lg-2 d-flex align-items-center">
						<div class="logo">
							<a href="Main.jsp"><img src="assets/img/logo/logo.png"
								alt="" /></a>
						</div>
					</div>
					<div class="col-xl-6 col-lg-7">
						<div class="header-search f-right d-none d-xl-block">
							<form class="header-search-form">
								<input placeholder="Search" type="text">
								<button type="submit">
									<i class="dripicons-search"></i>
								</button>
							</form>
						</div>
						<div class="main-menu text-center">
							<nav id="mobile-menu">
								<ul>
									<li class="active"><a href="#">手机品牌</a>
										<ul class="sub-menu text-left">
											<li><a
												href="http://localhost:8080/phone-introduce/Huawei-display.jsp">华为</a></li>
											<li><a href="index-2.html">小米</a></li>
											<li><a href="index-3.html">苹果</a></li>
											<li><a href="index-4.html">OPPO</a></li>
											<li><a href="index-5.html">VIVO</a></li>
											<li><a href="index-6.html">魅族</a></li>
											<li><a href="index-6.html">一加</a></li>
											<li><a href="index-6.html">锤子</a></li>
											<li><a href="index-6.html">中兴</a></li>
											<li><a href="#">...</a></li>
										</ul></li>
									<li><a href="http://localhost:8080/phone-introduce/manage?method=showActivityUsersList">活动情况</a>
								</ul>
							</nav>
						</div>
					</div>
					
				</div>
			</div>
		</div>
		<div class="extra-info">
			<div class="close-icon">
				<button>
					<i class="far fa-window-close"></i>
				</button>
			</div>
			<div class="logo-side mb-30">
				<a href="Main.jsp"> <img src="assets/img/logo/white.png"
					alt="" />
				</a>
			</div>
			<div class="side-info mb-30">
				<div class="contact-list mb-30">
					<h4>Office Address</h4>
					<p>123/A, Miranda City Likaoli Prikano, Dope</p>
				</div>
				<div class="contact-list mb-30">
					<h4>Phone Number</h4>
					<p>+0989 7876 9865 9</p>
					<p>+(090) 8765 86543 85</p>
				</div>
				<div class="contact-list mb-30">
					<h4>Email Address</h4>
					<p>
						<a href="/cdn-cgi/l/email-protection" class="__cf_email__"
							data-cfemail="1d74737b725d78657c706d7178337e7270">[email&#160;protected]</a>
					</p>
					<p>
						<a href="/cdn-cgi/l/email-protection" class="__cf_email__"
							data-cfemail="37524f565a475b52195a565e5b775f425a1954585a">[email&#160;protected]</a>
					</p>
				</div>
			</div>
			<div class="instagram">
				<a href="#"> <img src="assets/img/portfolio/p1.jpg" alt="">
				</a> <a href="#"> <img src="assets/img/portfolio/p2.jpg" alt="">
				</a> <a href="#"> <img src="assets/img/portfolio/p3.jpg" alt="">
				</a> <a href="#"> <img src="assets/img/portfolio/p4.jpg" alt="">
				</a> <a href="#"> <img src="assets/img/portfolio/p5.jpg" alt="">
				</a> <a href="#"> <img src="assets/img/portfolio/p6.jpg" alt="">
				</a>
			</div>
			<div class="social-icon-right mt-20">
				<a href="#"> <i class="fab fa-facebook-f"></i>
				</a> <a href="#"> <i class="fab fa-twitter"></i>
				</a> <a href="#"> <i class="fab fa-google-plus-g"></i>
				</a> <a href="#"> <i class="fab fa-instagram"></i>
				</a>
			</div>
		</div>
	</header>
       <!-- header-end -->

        <main>

            <!-- breadcrumb-area-start -->
            <div class="breadcrumb-area grey-bg pt-155 pb-155">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-12">
                            <div class="breadcrumb-text text-center">
                                <h1>华为畅享</h1>
                                <ul class="breadcrumb-menu">
                                    <li><a href="http://localhost:8080/phone-introduce/Huawei-display.jsp">华为手机系列</a></li>
                                    <li><span>华为畅享9</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- breadcrumb-area-start -->


            <!-- shop-banner-area start -->
            <section class="shop-banner-area pt-120 pb-90">
                <div class="container">
                    <div class="row">
                        <div class="col-xl-7">
                            <div class="shop-thumb-tab mb-30">
                                <ul class="nav" id="myTab2" role="tablist">
                                    <li class="nav-item">
                                        <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab"
                                            aria-selected="true"><img src="assets/img/机型介绍图/huawei畅享_11.jpg" alt=""> </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab"
                                            aria-selected="false"><img src="assets/img/机型介绍图/huawei畅享_12.jpg" alt=""></a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" id="profile-tab2" data-toggle="tab" href="#profile1" role="tab"
                                            aria-selected="false"><img src="assets/img/机型介绍图/huawei畅享_13.jpg" alt=""></a>
                                    </li>
                                </ul>
                            </div>
                            <div class="product-details-img mb-30">
                                <div class="tab-content" id="myTabContent2">
                                    <div class="tab-pane fade show active" id="home" role="tabpanel">
                                        <div class="product-large-img">
                                            <img src="assets/img/机型介绍图/huawei畅享_11.jpg" alt="">
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="profile" role="tabpanel" >
                                        <div class="product-large-img">
                                            <img src="assets/img/机型介绍图/huawei畅享_12.jpg" alt="">
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="profile1" role="tabpanel" >
                                        <div class="product-large-img">
                                            <img src="assets/img/机型介绍图/huawei畅享_13.jpg" alt="">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-5">
                            <div class="product-details mb-30">
                                <div class="product-details-title">
                                    <p>华为（HUAWEI）</p>
                                    <h1>华为 畅享9</h1>
                                    <div class="price details-price pb-30 mb-20">
                                        <span>￥${phonePrice}</span>
                                    </div>
                                </div>
                                <p>华为畅享9是华为旗下一款智能手机。采用“珍珠”全面屏设计。<br>机身尺寸为158.92×76.91×8.1mm，重达168g，
								正面采用了6.26英寸的水滴屏设计，屏幕纵横比为19:9，屏幕分辨率为720x1520，后置竖排双摄像头。</p>
                                <div class="product-cat mt-30 mb-30">
                                    <a href="#">幻夜黑</a>
									<a href="#">极光紫</a>
									<a href="#">极光蓝</a>
                                </div>
                                <div class="product-social mb-45">
                                    <a href="#"><i class="fab fa-facebook-f"></i></a>
                                    <a href="#"><i class="fab fa-twitter"></i></a>
                                    <a href="#"><i class="fab fa-behance"></i></a>
                                    <a href="#"><i class="fab fa-linkedin-in"></i></a>
                                    <a href="#"><i class="fab fa-youtube"></i></a>
                                </div>
                                <div class="product-details-action">
                                    <form action="#">
                                        <div class="plus-minus">
                                          
                                        </div>
                                     
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- shop-banner-area end -->
            <!-- product-desc-area start -->
            <section class="product-desc-area pb-90">
                <div class="container">
                    <div class="row">
                        <div class="col-12">
                            <div class="bakix-details-tab">
                                <ul class="nav text-center justify-content-center pb-30 mb-50" id="myTab" role="tablist">
                                    <li class="nav-item">
                                        <a class="nav-link active" id="desc-tab" data-toggle="tab" href="#id-desc" role="tab"
                                            aria-controls="home" aria-selected="true">测评文章 </a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" id="id-add-in" data-toggle="tab" href="#id-add" role="tab"
                                            aria-controls="profile" aria-selected="false">手机参数</a>
                                    </li>
                                    <li class="nav-item">
                                        <a class="nav-link" id="id-r" data-toggle="tab" href="#id-rev" role="tab"
                                            aria-controls="profile" aria-selected="false">评论区</a>
                                    </li>
                                </ul>
                            </div>
                            <div class="tab-content" id="myTabContent">
                                <div class="tab-pane fade show active" id="id-desc" role="tabpanel" aria-labelledby="desc-tab">
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="event-text">
                                                <p>
													华为新机曝光！4000mAh大电池 主打长续航功能<br>
													【PConline 资讯】华为畅享系列新机曝光，据消息，该新机很有可能是华为畅享9。主打长续航，定位千元机市场。而知名爆料人士已经放出了华为畅享9的渲染图和详细配置。
													 <br>
													 <div align="center">
													 	<a href="#">
													 	    <img src="assets/img/推文图/畅享9.jpg" alt="">
													 	</a>
													 </div>
													 <br>
													 华为畅享9采用珍珠屏设计，6.26英寸的19：9屏幕，分辨率为HD+。背部采用了竖排双摄，整机机身尺寸为158.92×76.81×8.1mm。
													 <br>在硬件配置上，华为畅享9可能搭载高通骁龙450处理器，配置4GB内存+64GB存储，支持存储卡扩展，配备了4000毫安时大电池，运行系统Android 8.1。
													 <br>拍照方面，华为畅享9后置采用1300万+200万像素双摄组合，前置为800万摄像头，支持AI美颜。而在价格方面，根据配置，华为畅享9预估在千元左右。
													
												</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="id-add" role="tabpanel" aria-labelledby="id-add-in">
                                    <div class="additional-info">
                                        <div class="table-responsive">
                                            <h4>具体参数</h4>
                                            <table class="table">
                                                <tbody>
                                                    <tr>
                                                        <th>CPU型号</th>
                                                        <td class="product_weight">麒麟980</td>
														<th>前置像素</th>
														<td>1600万像素+200万像素</td>
														<th>后置像素</th>
														<td>1300万像素+200万像素</td>
														
								
                                                    </tr>
                                                    <tr>
                                                        <th>运行内存</th>
                                                        <td class="product_dimensions">62 × 56 × 12 in</td>
														<th>ROM</th>
														<td>64/128GB，最高支持256GB存储卡拓展</td>
														<th>屏幕</th>
														<td>6.5英寸 2340*1080 FHD+分辨率</td>
                                                    </tr>
                                                    <tr>
                                                        <th>网络</th>
                                                        <td class="product_dimensions">4G</td>
														<th>电池</th>
														<td>4000mAh</td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                                <div class="tab-pane fade" id="id-rev" role="tabpanel" aria-labelledby="id-r">
                                    <div class="additional-info">
                                        <div class="event-text mb-40">
                                            <ul>
                                            	<c:forEach items="${commentList}" var="comment">
                                            		<li>${comment.getUser_name()}:${comment.getUser_comment_content()}</li>
                                            		<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="80%" color=#987cb9 SIZE=3>
                                            	</c:forEach>
                                            	<a href="#" style="text-decoration:underline;">更多评论</a>
                                            </ul>
                                            <br>
											<form action="phone" method="post">
                                           				<input type="hidden" name="method" value="submitImagination9Comment" />
                                           				<textarea name="comment" cols="40" rows="8" ></textarea>
                                           				<input type="submit" value="提交评论" />
                                           	</form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- product-desc-area end -->
    
        </main> 
        <!-- footer-start -->
        <footer>
            <div class="footer-area pt-100 pb-60 grey-bg pl-55 pr-55">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-xl-3 col-lg-3 col-md-6">
                            <div class="footer-wrapper mb-30">
                                <div class="footer-logo">
                                    <a href="Main.jsp"><img src="assets/img/logo/logo.png" alt=""></a>
                                </div>
                                <div class="footer-text pr-50">
                                  
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-2 col-lg-2 col-md-6">
                            <div class="footer-wrapper ml-20 mb-30">
                                <h4 class="footer-title">Quick Link</h4>
                                <ul class="footer-menu footer-2-menu">
                                    <li><a href="#">About us</a></li>
                                    <li><a href="#">term</a></li>
                                    <li><a href="#">policy</a></li>
                                    <li><a href="#">service</a></li>
                                    <li><a href="#">My Account</a></li>
                                    <li><a href="#">Checkout</a></li>
                                    <li><a href="#">Order tracking</a></li>
                                    <li><a href="#">Help & Support</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-xl-2 col-lg-2 col-md-3">
                            <div class="footer-wrapper ml-70 mb-30">
                                <h4 class="footer-title">Contact Us</h4>
                                <ul class="footer-link">
                                    <li>Sagrada Familia, Herba <br>
                                        Street Front USA</li>
                                    <li><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="f59491989c9bb5908d9498859990db969a98">[email&#160;protected]</a></li>
                                    <li>002- 01008431112</li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-xl-2 col-lg-2 col-md-3">
                            <div class="footer-wrapper mb-30 ml-70">
                                <h4 class="footer-title">Follow Us</h4>
                                <ul class="footer-menu">
                                    <li><a href="#">Facebook/Vistar</a></li>
                                    <li><a href="#">Twitter/Vistar</a></li>
                                    <li><a href="#">Linkdin/Vistar</a></li>
                                    <li><a href="#">Skype_Vistar</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-3 col-md-5">
                            <div class="footer-wrapper mb-30">
                                <h4 class="footer-title">Sign up to Newsletter</h4>
                                <div class="footer-nfo">
                                    <p>But I must explain to you how all this mistak. </p>
                                </div>
                                <div class="newsletters-form">
                                    <form action="#">
                                        <input placeholder="Enter Your Email :" type="email">
                                        <button type="submit">subscribe</button>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer-bottom-area footer-2-bottom pt-25 pb-25 grey-bg pr-55 pl-55">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-xl-8 col-lg-8 col-md-8">
                            <div class="copyright">
                                <p> Copyright <i class="far fa-copyright"></i> 2018 <a href="#">BDevs.</a> All Rights Reserved</p>
                            </div>
                        </div>
                        <div class="col-xl-4 col-lg-4 col-md-4">
                            <div class="footer-bottom-img text-center text-lg-right">
                                <img src="assets/img/footer/01.png" alt="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <!-- footer-end -->




		<!-- JS here -->
        
		<script src="assets/js/vendor/modernizr-3.5.0.min.js"></script>
        <script src="assets/js/vendor/jquery-1.12.4.min.js"></script>
        <script src="assets/js/popper.min.js"></script>
        <script src="assets/js/bootstrap.min.js"></script>
        <script src="assets/js/owl.carousel.min.js"></script>
        <script src="assets/js/isotope.pkgd.min.js"></script>
        <script src="assets/js/jquery.countdown.min.js"></script>
        <script src="assets/js/slick.min.js"></script>
        <script src="assets/js/jquery.meanmenu.min.js"></script>
        <script src="assets/js/ajax-form.js"></script>
        <script src="assets/js/wow.min.js"></script>
        <script src="assets/js/jquery.scrollUp.min.js"></script>
        <script src="assets/js/imagesloaded.pkgd.min.js"></script>
        <script src="assets/js/jquery.magnific-popup.min.js"></script>
        <script src="assets/js/plugins.js"></script>
        <script src="assets/js/main.js"></script>
    </body>
</html>